Personal notes on using D3.js for data visualization.

2025-07-27

D3.js is a powerful JavaScript library for creating dynamic and interactive data visualizations in web browsers. It uses HTML, SVG, and CSS to bring data to life.

D3 brush

The D3 brush is a powerful feature that allows users to select a portion of the data displayed in a visualization. It can be used to zoom in on specific areas or filter data based on user interaction. Here are some behaviours associated with the keyboard behaviours of the D3 brush: - Meta: click and drag to move the brush selected region. - Alt: expanding the brush both ways around the current position. - Space: locks the current brush size.